﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>后台管理系统-保理软件</title>
    <meta name="keywords"  content="保理软件,保理产品" />
    <meta name="description" content="设置描述..." />
    <meta name="author" content="DeathGhost" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <!--产品logo-->
    <link rel="icon" href="../../images/icon/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="../../css/style.css" />
    <!--jQuery v3.2.1-->
    <script src="../../javascript/jquery.js"></script>
    <!--jquery.easyui v1.3.4-->
    <script src="../../javascript/jquery.easyui.min.js"></script>
    <!--滚动插件-->
    <script src="../../javascript/plug-ins/customScrollbar.min.js"></script>
    <!--统计插件-->
    <script src="../../javascript/plug-ins/echarts.min.js"></script>
    <!--弹框插件-->
    <script src="../../javascript/plug-ins/layerUi/layer.js"></script>
    <!--时间插件-->
    <script src="../../javascript/laydate/laydate.js"></script>
    <!--HTML编辑器插件-->
    <script src="../../editor/ueditor.config.js"></script>
    <!--HTML编辑器插件-->
    <script src="../../editor/ueditor.all.js"></script>
    <!--分页插件-->
    <script src="../../javascript/plug-ins/pagination.js"></script>
    <!--整个模板样式控制文件-->
    <script src="../../javascript/public.js"></script>
    <style>
        .form-group-col-2 .form-label{
            padding: 3px 0px!important;
            font-size: 12px !important;
            width: 115px;
            font-weight: bolder;
        }
        .form-group-col-2 .form-cont {
            margin-left: 125px;
            min-height: 33px;
        }
        .form-control{
            font-size: 12px!important;
            padding: 4px 15px!important;
        }
				#file{
            position: absolute;
            top: 0;
            right: 80px;
            z-index: 999;
            opacity: 0;
            width: 100px;
            height: 25px;
        }

    </style>
</head>
<body>
        <!--软件主体内容-->
        <main class="content mCustomScrollbar">
            <!--开始::内容-->
            <div class="page-wrap">
                <!--面包屑-->
                <section class="page-hd page-hd-top">
                    <div class="breadcrumb">
                        <ul>
                            <li><a href="#">基础信息维护</a><i class="icon-angle-right"></i></li>
                            <li>财务及交易信息维护</li>
                        </ul>
                    </div>
                </section>
                <div class="clear mb-10">
                    <button class="btn btn-secondary radius fr ml-15" style="padding: 4px 15px!important;font-size: 12px!important;" onclick="window.parent.addTab('新增财务及交易信息','admin/fiance/add.html');">增加财务及交易信息</button>
                    <div class="fr input-group">
                        <label class="mr-5 size-s">
                            客户名称：
                            <select id="Customername" class="easyui-combobox form-control" name="Customername" label="State:" labelPosition="top" style="height: 24px;vertical-align:middle;width: 90px;">
                            	<option value="-1">请选择</option>
                                <option value="1">宏桥</option>
                                <option value="2">万通</option>
                                <option value="3">得利</option>
                                <option value="4">恒一</option>
                                <option value="5">金驹</option>
                            </select>
                        </label>
                        <label class="size-s">
                            选择时间：
                            <input type="text" readonly class="layui-input form-control year-item" id="SelectiontimeYear" placeholder="请选择" lay-key="1"><b style="padding: 0 5px">年</b>
                            <input type="text" readonly class="layui-input form-control month-item" id="SelectiontimeMonth" placeholder="请选择" lay-key="2"><b style="padding: 0 5px">月</b>
                        </label>
                        <button class="btn btn-secondary radius" style="padding: 4px 15px!important;font-size: 12px!important;">搜索</button>
                        <button class="btn btn-secondary radius" style="padding: 4px 15px!important;font-size: 12px!important;" onclick="exportCustomer();">导出</button>
                    </div>
                </div>
                <!--列表-->
                <table class="table mb-15 table-hover">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>客户名称</th>
                        <th>客户代码</th>
                        <th>记录时间</th>
                        <th>创建时间</th>
                        <th>最后更新时间</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="cen">
                        <td>1</td>
                        <td>宏桥</td>
                        <td>CC00831</td>
                        <td>2016年</td>
                        <td>2017-11-06 19:20</td>
                        <td>2017-11-09 19:20</td>
                        <td>
                            <a title="查看" class="mr-5" onclick="window.parent.addTab('查看财务及交易信息-宏桥2016年','admin/fiance/show.html');">查看</a>
                            <a title="修改" class="mr-5" onclick="window.parent.addTab('修改财务及交易信息-宏桥2016年','admin/fiance/edit.html');">修改</a>
                        </td>
                    </tr>
                    <tr class="cen">
                        <td>2</td>
                        <td>宏桥</td>
                        <td>CC00831</td>
                        <td>2017年01月</td>
                        <td>2017-11-06 19:20</td>
                        <td>2017-11-09 19:20</td>
                        <td>
                            <a title="查看" class="mr-5" onclick="">查看</a>
                            <a title="修改" class="mr-5" onclick="">修改</a>
                        </td>
                    </tr>
                    <tr class="cen">
                        <td>3</td>
                        <td>宏桥</td>
                        <td>CC00831</td>
                        <td>2017年02月</td>
                        <td>2017-11-06 19:20</td>
                        <td>2017-11-09 19:20</td>
                        <td>
                            <a title="查看" class="mr-5" onclick="">查看</a>
                            <a title="修改" class="mr-5" onclick="">修改</a>
                        </td>
                    </tr>
                    <tr class="cen">
                        <td>4</td>
                        <td>万通</td>
                        <td>CC00831</td>
                        <td>2017年06月</td>
                        <td>2017-11-06 19:20</td>
                        <td>2017-11-09 19:20</td>
                        <td>
                            <a title="查看" class="mr-5" onclick="">查看</a>
                            <a title="修改" class="mr-5" onclick="">修改</a>
                        </td>
                    </tr>
                    <tr class="cen">
                        <td>5</td>
                        <td>恒一</td>
                        <td>CC00831</td>
                        <td>2016年</td>
                        <td>2017-11-06 19:20</td>
                        <td>2017-11-09 19:20</td>
                        <td>
                            <a title="查看" class="mr-5" onclick="">查看</a>
                            <a title="修改" class="mr-5" onclick="">修改</a>
                        </td>
                    </tr>
                    <tr class="cen">
                        <td>6</td>
                        <td>金驹</td>
                        <td>CC00831</td>
                        <td>2017年09月</td>
                        <td>2017-11-06 19:20</td>
                        <td>2017-11-09 19:20</td>
                        <td>
                            <a title="查看" class="mr-5" onclick="">查看</a>
                            <a title="修改" class="mr-5" onclick="">修改</a>
                        </td>
                    </tr>
                    <tr class="cen">
                        <td>7</td>
                        <td>得利</td>
                        <td>CC00831</td>
                        <td>2017年11月</td>
                        <td>2017-11-06 19:20</td>
                        <td>2017-11-09 19:20</td>
                        <td>
                            <a title="查看" class="mr-5" onclick="">查看</a>
                            <a title="修改" class="mr-5" onclick="">修改</a>
                        </td>
                    </tr>
                    <tr class="cen">
                        <td>8</td>
                        <td>宏桥</td>
                        <td>CC00831</td>
                        <td>2017年05月</td>
                        <td>2017-11-06 19:20</td>
                        <td>2017-11-09 19:20</td>
                        <td>
                            <a title="查看" class="mr-5" onclick="">查看</a>
                            <a title="修改" class="mr-5" onclick="">修改</a>
                        </td>
                    </tr>
                    <tr class="cen">
                        <td>9</td>
                        <td>恒一</td>
                        <td>CC00831</td>
                        <td>2016年</td>
                        <td>2017-11-06 19:20</td>
                        <td>2017-11-09 19:20</td>
                        <td>
                            <a title="查看" class="mr-5" onclick="">查看</a>
                            <a title="修改" class="mr-5" onclick="">修改</a>
                        </td>
                    </tr>
                    <tr class="cen">
                        <td>10</td>
                        <td>金驹</td>
                        <td>CC00831</td>
                        <td>2017年08月</td>
                        <td>2017-11-06 19:20</td>
                        <td>2017-11-09 19:20</td>
                        <td>
                            <a title="查看" class="mr-5" onclick="">查看</a>
                            <a title="修改" class="mr-5" onclick="">修改</a>
                        </td>
                    </tr>
                    <!--没用数据-->
                    <tr class="cen Nulldata">
                        <td colspan="7">
                            <div class="emptytextCont">
                                <img src="../../images/nores.png" class="mCS_img_loaded">
                                <div class="cen pt-20 f16 fontW">暂无任何客户信息管理记录</div>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <!--分页-->
                <div class="panel panel-default">
                    <div class="panel-bd">
                        <div class="pagination">

                    </div>
                </div>
            </div>
            <!--开始::结束-->
        </main>

<div id="exportCustomer" style="display: none;">
    <div class="page-wrap">
       <div class="form-group-col-2 mt-20">
           <div class="form-label">选择客户 ：</div>
           <div class="form-cont">
               <select id="Customername" class="easyui-combobox form-control" name="Customername" label="State:" labelPosition="top" style="width: auto">
	              	<option value="-1">请选择</option>
					        <option value="1">宏桥</option>
					        <option value="2">万通</option>
					        <option value="3">得利</option>
					        <option value="4">恒一</option>
					        <option value="5">金驹</option>
	              </select>
           </div>
       </div>
       
       <div class="form-group-col-2">
           <div class="form-label">导出方式 ：</div>
           <div class="form-cont">
               <select id="exportmode" class="easyui-combobox form-control " name="Year" label="State:" labelPosition="top" style="width: auto">
					        <option value="AL">按期导出</option>
					        <option value="AK">全部导出</option>
                </select>
           </div>
       </div>
       
       <div class="form-group-col-2">
           <div class="form-label">第一期 ：</div>
           <div class="form-cont">
               <input type="text" readonly class="layui-input form-control year-item" id="Aperiodyear" placeholder="请选择" lay-key="3"><b style="padding: 0 5px">年</b>
               <input type="text" readonly class="layui-input form-control month-item" id="Aperiodmonth" placeholder="请选择" lay-key="4"><b style="padding: 0 5px">月</b>
           </div>
       </div>
       
       <div class="form-group-col-2">
           <div class="form-label">第二期 ：</div>
           <div class="form-cont">
               <input type="text" readonly class="layui-input form-control year-item" id="Bperiodyear" placeholder="请选择" lay-key="5"><b style="padding: 0 5px">年</b>
               <input type="text" readonly class="layui-input form-control month-item" id="Bperiodmonth" placeholder="请选择" lay-key="6"><b style="padding: 0 5px">月</b>
           </div>
       </div>
       
       <div class="form-group-col-2 mt-20">
           <div class="form-label">第三期 ：</div>
           <div class="form-cont">
               <input type="text" readonly class="layui-input form-control year-item" id="Cperiodyear" placeholder="请选择" lay-key="7"><b style="padding: 0 5px">年</b>
               <input type="text" readonly class="layui-input form-control month-item" id="Cperiodmonth" placeholder="请选择" lay-key="8"><b style="padding: 0 5px">月</b>
           </div>
       </div>
       
       <div class="form-group-col-2 mt-20">
           <div class="form-label">第四期 ：</div>
           <div class="form-cont">
               <input type="text" readonly class="layui-input form-control year-item" id="Dperiodyear" placeholder="请选择" lay-key="9"><b style="padding: 0 5px">年</b>
               <input type="text" readonly class="layui-input form-control month-item" id="Dperiodmonth" placeholder="请选择" lay-key="10"><b style="padding: 0 5px">月</b>
           </div>
       </div>
       
       
       <div style="clear: both;width: 25%;margin: 10px auto 15px;">
       		 <button class="btn btn-primary-outline">导出</button>
       </div>
   </div>
</div>
<script>
    /*
    选择时间
    * */
    lay('.year-item').each(function(i,item){
        laydate.render({
            elem: this
            ,trigger: 'focus'
            ,format: 'yyyy'
            ,type: 'year'
            ,change: function(value, date, endDate){
                $(item).val(value); //在控件上弹出value值
                $(".layui-laydate-content").click(function () {
                    $('.layui-laydate').hide();
                })
            }
            ,showBottom: false
        });
    });
    lay('.month-item').each(function(i,item){
        laydate.render({
            elem: this
            ,trigger: 'click'
            ,type: 'month'
            ,format: 'MM'
            ,change: function(value, date, endDate){
                $(item).val(value); //在控件上弹出value值
                $('.layui-laydate').hide();
            }
            ,showBottom: false
        });
    });
    /*
    删除账号
    * */
    function deleteCustomer(obj){
        parent.layer.confirm('您确定删除该账号吗？', {
            btn: ['确定','取消']
        }, function(){
            layer.msg('<span><span class="icon-spin icon-spinner"></span>删除中 . . . .</span>');
            parent.layer.closeAll();
        });
    }
    /*
     新增
     */
    function exportCustomer(){
        layer.open({
            type: 1,
            skin: 'layui-layer-demo',
            title:'导出财务及交易信息',
            closeBtn: 2,
            zIndex : 8900,
            area: ['600px', '400px'],
            shade: [0.1, '#fff'],
            shadeClose: true, //开启遮罩关闭
            scrollbar: false,//屏蔽浏览器出现滚动条
            content: $('#exportCustomer')
        });
    }
    /*
    分页
    * */
    $(".pagination").createPage({
        dataTotal:2000,//数据总数
        pageCount:20,//总页数
        current:1,//当前页
        backFn:function(p){
            console.log(p);
        }
    });
    /*
     下拉框初始化
     * */
    var Customername = $('#Customername');

    Customername.combobox({
        prompt:'输入客户名称首关键字自动检索',
        valueField:'id',
        textField:'text',
        onSelect: function(rec){
            console.log(rec)
        }
    });
    /*
    导出方式
    * */
    $("#exportmode").combobox({
        prompt:'输入客户名称首关键字自动检索',
        valueField:'id',
        textField:'text',
        editable:false,//不可编辑
        onSelect: function(rec){
                console.log(rec)
            }
        });
    /*
     获取值调用Ajax
     * */
    Customername.combobox('textbox').on({
        blur:function(){
            var getText = Customername.combobox('getText');
            var getValue = Customername.combobox('getValue');
            console.log(getValue+'+'+getText)
        },
        keydown:function(){
            if (event.keyCode == 13) {
                var getText = Customername.combobox('getText');
                var getValue = Customername.combobox('getValue');
                alert(getValue+'+'+getText)
            }
        }
    });

</script>
</body>
</html>
